<template>
  <el-select size="mini" :value="fontSize" placeholder="请选择字体大小" @input="change($event)">
    <el-option label="初号" value="42"/>
    <el-option label="小初" value="36"/>
    <el-option label="一号" value="26"/>
    <el-option label="小一" value="24"/>
    <el-option label="二号" value="22"/>
    <el-option label="小二" value="18"/>
    <el-option label="三号" value="16"/>
    <el-option label="小三" value="15"/>
    <el-option label="四号" value="14"/>
    <el-option label="小四" value="12"/>
    <el-option label="五号" value="10.5"/>
    <el-option label="小五" value="9"/>
    <el-option label="六号" value="7.5"/>
    <el-option label="小六" value="6"/>
    <!--    <el-option label="小三" value="15" />-->
  </el-select>
</template>

<script>
export default {
  name: 'FontSize',
  props: {
    fontSize: {
      type: String,
      default: '14'
    }
  },
  data() {
    return {
      // fontSize:14
    }
  },
  methods: {
    change: function(val) {
      this.$emit('fontSizeChange', val)
    }
  }
}
</script>

<style scoped>

</style>
